{% extends "_layouts/default.html" %}
{% block header %}
<link rel="stylesheet" type="text/css" href="/static/style/newreg.css"/>
{% endblock %}
{% block content %}

<div id="h_banner" class="container_12"><a href="http://www.meilishuo.com/users/register/aa74158f1933b65e23e61bf99d8157f5">美丽说，最具人气的时尚分享社区，623万MM的美丽地盘。跟朋友一起修炼美丽，每天分享怎样搭配，怎样化妆，哪里去买；记录我漂亮的一天，让改变发生！</a></div><!-- not logon banner -->


<div class="clear"></div>
<div id="main" class="container_12" style="border-top: 1px solid #DEDEDE;">

    <div class="grid_12">
        <div id='newRegForm' class="register-page-wrapper" >
            <div class="left newRegFromMain user-left">
                <div id='regWarning'>
                    <div class='bottom-left-w'>
                        <div class='bottom-right-w'>
                            <div class='top-left-w'>
                                <p class='top-right-w messageBox'>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div id='regNotice'>
                    <div class='bottom-left-t'>
                        <div class='bottom-right-t'>
                            <div class='top-left-t'>
                                <p class='top-right-t messageBox'>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div style="width: 465px;">
                    <div class="reg_left left"></div>
                    <div class="reg_middle left">
                        <div class="reg_lh f16">注册美丽说</div>
                        <div class="reg_lh reg_size">立志美丽的快加入！姐妹们一起美丽说，一起美丽修炼！</div>
                    </div>
                    <div class="reg_right left"></div>
                </div>
                <div class="clear"></div>
                <form action="" onsubmit="return registerAction.checkRegisterForm();" method="post" id="form">

                    <div class='oneline'>
                        <div class='titleBox left'>电子邮箱：<span class="required">*</span></div>
                        <div class='inputBox left'>
                            <input type="text"  class='input1' name="email" id="email" value="" onblur="return registerAction.blurEmailInput();" onfocus="return registerAction.focusEmailInput();" />
                        </div>
                        <div class='hints left'></div>
                        <div style='clear:both'></div>
                    </div>

                    <div class='oneline'>
                        <div class='titleBox left'>取个昵称：<span class="required">*</span></div>
                        <div class='inputBox left'>
                            <input type="text"   class='input1'
                                   name="nickname" id="nickname" value="" onblur="return registerAction.blurNicknameInput();" onfocus="return registerAction.focusNicknameInput();"/>
                        </div>
                        <div class='hints left'></div>
                        <div style='clear:both'></div>
                    </div>

                    <div class='oneline'>
                        <div class='titleBox left'>设置密码：<span class="required">*</span></div>
                        <div class='inputBox left'>
                            <input type="password"   class='input1'
                                   name="password" id="password" value="" onblur="return registerAction.blurPasswordInput();" onfocus="$('#rePwdRow').show(); return registerAction.focusPasswordInput();"/>
                        </div>
                        <div class='hints left'></div>
                        <div style='clear:both'></div>
                    </div>
                    <div id="rePwdRow" style="display: none;" class='oneline'>
                        <div class='titleBox left'>确认密码：<span class="required">*</span></div>
                        <div class='inputBox left'>
                            <input type="password"    class='input1'
                                   name="confirm_password" id="confirm_password" value="" onblur="return registerAction.blurVPasswordInput();" onfocus="return registerAction.focusVPasswordInput();"/>
                        </div>
                        <div class='hints left'></div>
                        <div style='clear:both'></div>
                    </div>


                    <div class='oneline'>
                        <div class='titleBox left'>性别：<span class="required">*</span></div>
                        <div class='inputBox left' id="gender-wrapper">
                            <input name="gender" id='genderF' type="radio" value="女" class="info_radio01" onblur="return registerAction.blurGenderRadio();">&nbsp;女
                            &nbsp;&nbsp;&nbsp;&nbsp;
                            <input name="gender" type="radio" id='genderM' value="男" class="info_radio01"  onblur="return registerAction.blurGenderRadio();">&nbsp;男
                        </div>
                        <div class='hints left'></div>
                        <div style='clear:both'></div>
                    </div>

                    <div class='oneline'>
                        <div class='titleBox left'>验证码：<span class="required">*</span></div>
                        <input type="text" class='input2 left' name="checkcode" id="checkcode" value="" maxlength="4" />
                        <div class='left'>
                            <span id="checkCodeSpan" style="cursor: pointer;float:left;" onclick="changeCheckCode();return true;" />
                            <img id="checkCodeImage" src="/css/checkCode.php?t=1316143832" style="cursor: pointer;" >
                            </span>
                        </div>
                        <div class='left change-code'>&nbsp;看不清，<a href="#" class="red" onclick="changeCheckCode();return false;">换一张</a></div>
                        <div class='hints left' style='margin-left:10px;'></div>
                        <div style='clear:both'></div>
                    </div>
                    <div class="clear-fix"></div>
                    <div class='oneline' >
                        <div class='titleBox left'>&nbsp;</div>
                        <div class='inputBox left' style='border:0px;'>
                            <input type="checkbox" id="agreement" checked="checked" onClick="clickAgreement();"></input>
                	我同意<a class="red" href="http://www.meilishuo.com/agree" target='_blank'>美丽说注册条款</a>
                        </div>
                        <div style='clear:both'></div>
                    </div>
                    <div class='oneline'>
                        <div class='titleBox left'>&nbsp;</div>
                        <div class='inputBox left'>
                            <input type="hidden" name="inviter_id" id="inviter_id" value="219"/>
                            <input type="hidden" name="inviter_name" id="inviter_name" value="美丽小精灵"/>
                            <input type="submit" value="立即注册" id="newRegister_submit" class="button-100 button" />
                        </div>
                        <div style='clear:both'></div>
                    </div>
                    <input type="hidden" name="invite_code" id="invite_code" value="aa74158f1933b65e23e61bf99d8157f5"/>
                </form>

            </div>

            <div class="right newRegFromRight">
                <div class="reg-desc">已有美丽说账号？<a class="red" href="http://www.meilishuo.com/logon">直接登录</a></div>
                <div>
			你也可以用站外账号登录:
                    <div class="mt14 left">
                        <a class="left reg_links" href="http://www.meilishuo.com/connect/auth/weibo"><img src="http://imgtest.meiliworks.com/css/images/connect/linksina.png"></a>
                        <a class="left" href="http://www.meilishuo.com/connect/auth/taobao"><img src="http://imgtest.meiliworks.com/css/images/connect/taobao.gif" /></a>
                    </div>
                    <div class="mt14 left">
                        <a class="left reg_links" href="http://www.meilishuo.com/connect/auth/qzone"><img src="http://imgtest.meiliworks.com/css/images/connect/connect_QQ.png" /></a>
                        <xn:login-button onlogin="connectObj.DirectLogin()" size="large" autologoutlink="false" class="XN_ElementReady xn_login_not_logged_in"><img class="xnconnect_login_button" id="xn_login_image" src="http://a.xnimg.cn/connect/img/login_buttons/renren/connect_light_large.png" alt="Connect"></xn:login-button>
                    </div>
                    <div class="mt14 left">
                        <a class="left reg_links" href="http://www.meilishuo.com/connect/auth/wangyi"><img src="http://imgtest.meiliworks.com/css/images/connect/connect_163.png" /></a>
                        <a class="left" href="http://www.meilishuo.com/connect/auth/baidu"><img src="http://imgtest.meiliworks.com/css/images/connect/connect_baidu.png" /></a>
                    </div>
                </div>
                <div class="ihush left mt14"></div>
            </div>
            <div style='clear:both'></div>
            <div id='user_name_show' style="margin-top:30px;margin-left:40px;color:#ff3366;display:none;" >
		您注册了太多的用户，暂时不能再注册，谢谢您的支持！
            </div>
        </div>









    </div>

    <div class="clear"></div>
</div><!-- main -->
<div class="clear"></div>

<div id="show_err"></div>


<!-- google_ad_section_end -->


<!-- google_ad_section_end -->
<div class="clear-fix"></div>
<!-- google_ad_section_start(weight=ignore) -->

{% endblock %}

